<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>信息列表</title>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/elementui.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/gun.css" />
		<link rel="stylesheet" href="../css/notifcation.css" />
	</head>
	<body>
		<div id="app">
			<div id="listbox">
				<!--消息列表-->
				<div class="listuser" v-for="a in announceList">
					<div class="tiltle"><strong>{{a.title}}</strong>
						&nbsp;&nbsp;<span class="titlespan">{{a.announceTime}}</span>
					</div>
					<div class="msg">
						{{a.announceContent}}
					</div>
				</div>
				<div class="listuser">
					<div class="tiltle"><strong>入站规则怪谈</strong>
						&nbsp;&nbsp;<span class="titlespan">2025年1月1日 12:00</span>
					</div>
					<div class="msg">
						1.本站不叫b站叫d站<br />
						2.禁止在夜晚12点以后刷视频<br />
						3.不要在父母面前刷此战<br />
						4.这里没有视频可以刷
					</div>
				</div>
				<div class="listuser">
					<div class="tiltle"><strong>欢迎来到d站</strong>
						&nbsp;&nbsp;<span class="titlespan">2025年1月1日 12:00</span>
					</div>
					<div class="msg">
						感谢您选择本站，逗比永远是逗比，来了就不许刷抖音了哦！
					</div>
				</div>
				
				<div class="listuser">
					<div class="tiltle"><strong>入站规则怪谈</strong>
						&nbsp;&nbsp;<span class="titlespan">2025年1月1日 12:00</span>
					</div>
					<div class="msg">
						1.本站不叫b站叫d站<br />
						2.禁止在夜晚12点以后刷视频<br />
						3.不要在父母面前刷此战<br />
						4.这里没有视频可以刷
					</div>
				</div><div class="listuser">
					<div class="tiltle"><strong>入站规则怪谈</strong>
						&nbsp;&nbsp;<span class="titlespan">2025年1月1日 12:00</span>
					</div>
					<div class="msg">
						1.本站不叫b站叫d站<br />
						2.禁止在夜晚12点以后刷视频<br />
						3.不要在父母面前刷此战<br />
						4.这里没有视频可以刷
					</div>
				</div><div class="listuser">
					<div class="tiltle"><strong>入站规则怪谈</strong>
						&nbsp;&nbsp;<span class="titlespan">2025年1月1日 12:00</span>
					</div>
					<div class="msg">
						1.本站不叫b站叫d站<br />
						2.禁止在夜晚12点以后刷视频<br />
						3.不要在父母面前刷此战<br />
						4.这里没有视频可以刷
					</div>
				</div>
			</div>
			
		</div>
	</body>
	<script>
		new Vue({
			el: "#app",
			data: {
				announceList:[]
			},
			methods: {
				
			},
			mounted() {
				axios.get(API+'getAnnounce').then(response => {
					this.announceList=response.data
				}).catch(error => {
					console.error(error);
				});
			}
		})
	</script>
</html>